<template>
    <div>
        <van-tabs v-model="active" @change="changeTab">
            <van-tab v-for="item in tabs" :title="item.text" :key="item.id">
                <van-card v-for="item in filterOrderGoods" :num="item.number" :price="item.total_price" 
                 :title="item.goods[0].title" :thumb="item.goods[0].thumb_path" :key="item.id">
                    <template #tags>
                        <van-tag plain type="danger">标签</van-tag>
                        <van-tag plain type="danger">标签</van-tag>
                    </template>
                    <template #footer>
                        <van-button size="mini">按钮</van-button>
                        <van-button size="mini">按钮</van-button>
                    </template>
                </van-card>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
import { fetchUserOrder } from "../api/order.js"
import { fetchCarGoods } from "../api/hone.js"
    export default {
        
    }
</script>

<style lang="scss" scoped>

</style>